<template>
  <div class="box">
<div class="center">
  <div class="small" v-for="(item,index) in list" :key="index" @click="jump(index)">
   {{ item.text }}
  </div>
</div>
   
  </div>
</template>

<script>
export default {
  data(){
    return {
        list:[
            {"text":"新闻"},
            {"text":"访谈"},
            {"text":"讲座"},
            {"text":"客服"},
       ]
    }
  },
  //事件跳转
  methods:{
jump(i){

if(i==0){
  this.$router.push("/newstwo")
}else if(i==1){
  this.$router.push("/intertwo/interthree")
}else if(i==2){
  this.$router.push("/lecturetwo/lecturethree")
}else if(i==3){
  this.$router.push("/welfaretwo/welfarethree")
}
}
  }
}
</script>

<style scoped>

.box{
    width: 100%;
    height: 0.4rem;
    display: flex;
   justify-content: center;
   color: white;
   background-color: #5c5d7b;
    /* overflow: auto;  */
   
}
/* 版心区域 */
.center{
  width: 95%;
  height: 100%;

 display: flex;
  
  line-height: .4rem;
}
/* 小盒子区域 */
.small{
    width: 25%;
    height: 0.4rem;
    text-align: center;
    font-weight: 700;
    line-height: .4rem;
    flex-shrink: 0;
    font-size: .23rem;
   
}
</style>